.common
  .remove-p-l-r
    margin-left: -15px
    margin-right: -15px

// 博客首页样式 start
.index
  margin-top: -20px
  .banner
    position: relative
    .image
      width: 100%
    .click-link
      margin-right: 10px
  .banner-lg
    .div
      padding: 50px
      width: 100%
      position: absolute
      top: 30%
      color: #ffffff
      text-align: center
      .title
        font-size: 36px
      .description
        color: #ffffff
        font-size: 24px
  .banner-md
    .div
      padding: 50px
      width: 100%
      position: absolute
      top: 25%
      color: #ffffff
      text-align: center
      .title
        font-size: 24px
      .description
        color: #ffffff
        font-size: 18px
  .banner-sm
    .div
      padding: 50px
      width: 100%
      position: absolute
      top: 10%
      color: #ffffff
      text-align: center
      .title
        font-size: 24px
      .description
        color: #ffffff
        font-size: 18px
  .banner-xs
    .div
      padding: 0px 10px 0px 10px
      width: 100%
      position: absolute
      top: 0px
      color: #ffffff
      text-align: center
      .title
        font-size: 18px
      .description
        color: #ffffff
        font-size: 14px
  .blog-focus
    margin-top: 30px
    .title
      font-size: 18px
      overflow: hidden
      text-overflow: ellipsis
      -o-text-overflow: ellipsis
      -webkit-text-overflow: ellipsis
      -moz-text-overflow: ellipsis
      white-space: nowrap
    .summary
      word-break: break-all
      display: -webkit-box
      -webkit-line-clamp: 3
      -webkit-box-orient: vertical
      overflow: hidden
      text-overflow: ellipsis

  .blog-list
    .item-title
      font-size: 18px
      overflow: hidden
      text-overflow: ellipsis
      -o-text-overflow: ellipsis
      -webkit-text-overflow: ellipsis
      -moz-text-overflow: ellipsis
      white-space: nowrap
    .item-p
      height: 118px
      word-break: break-all
      display: -webkit-box
      -webkit-line-clamp: 6
      -webkit-box-orient: vertical
      overflow: hidden
      text-overflow: ellipsis
// 博客首页样式 end

// 博客详情页样式  start
.show
  .post
    background-color: #f5f5f5
    border: 1px solid #e3e3e3
    border-radius: 4px
    margin-bottom: 20px
    .title
      padding: 10px
      font-size: 24px
    .content
      padding: 10px
      background-color: #f5f5f5
  .search
    .input
      margin-right: 10px

#sidebar
  width: 400px
  height: 100%
  position: fixed
  top: 0
  right: 0
  overflow: hidden
  background: #fff
  z-index: 100
  padding: 18px
  border: 1px solid #ddd
  border-top: none
  border-bottom: none

#sidebar:hover
  overflow: auto

#sidebar h1
  font-size: 16px

#custom-toc-container
  padding-left: 0

#test-editormd-view, #test-editormd-view2
  padding-left: 0
  padding-right: 430px
  margin: 0

// 博客详情页样式  end

// 博客发布页样式  start
.add
  .editormd
    z-index: 100
// 博客发布页样式  end